<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>学院项目</title>
<style>
*{padding:0;margin:0;}
p{font-size:10px;text-align:center}
.fudong{float:right;font-size:30px;font-family:"隶书"}
.daxiao{font-size:10px;float:right;}
.sky,.leftt{color:white;}
.leftt{text-align:left;background-color:#0033CC}
.layer1{height:100px;width:100%;background:#0000BB;}
.layer1-1{height:100px;width:35%;background:white;float:left;}
.layer1-2{height:100px;width:65%;background:#0000BB;float:left;}
.layer1-3{clear:both;}
.layer2{height:550px;width:100%;background:#CCFFFF;}
.layer2-1{height:300px;width:100%;background:#00FFFF;}
.layer2-2{height:200px;width:100%;background:#CCFFFF;padding:12px;}
.layer2-2-1{height:200px;width:30%;margin:6px 0;background:#CCFFFF;float:left;border-style:solid;border-width:1px;border-color:#0000BB;}
.layer2-2-2{height:200px;width:30%;margin:6px 6px;background:#CCFFFF;float:left;border-style:solid;border-width:1px;border-color:#0000BB;}
.layer2-2-3{height:200px;width:30%;margin:6px 0;background:#CCFFFF;float:left;border-style:solid;border-width:1px;border-color:#0000BB;}
.layer2-2-4{clear:both}
.layer3{height:100px;width:100%;background:#0000BB;}
        #navigation a:link {color: white}
        #navigation a:visited {color:red}
        #navigation a:hover {color: #FF00FF}
        #navigation a:active {color: #0000FF}
#navigation {    
	width:60%;
	height:auto;
	background-color:#0000BB;
	font-weight:bold;
	font-size:1em;
	text-align:center; 
	margin:0;
	padding:0;

	
}
#navigation a{
	
	width:16%;
	float:left;
	height:auto;
	line-height:4em;
	color:#FFFFFF;
	background-color:#0000BB;
	padding:5px 5px 5px 0.5em;
	text-decoration:none;
	border-left:6px solid #151571;		
	
 }
    .layer2 .right{text-align:right}
	.layer2 .left{text-align:left;}
</style>
</head>

<body>
    <div class="layer1">
            <div class="layer1-1">
            <img src="image/logo.png"alt="商职"width="100%"height="100px" /> 
            <p class="fudong">山东商业职业技术学院</p></div>
            <div class="layer1-2"id="navigation"><p class="sky"><a href="intro.html"target="_self">学校概况</a> <a href="org.html"target="_self">机构设置</a> <a href="edu.html"target="_self"> 教育教学</a> <a href="job.html"target="_self"> 就业创业 </a> <a href="tech.html"target="_self">科技服务</a></p>            </div>
            <div class="layer1-3"></div>
    </div>
    <div class="layer2">
	        <div class="layer2-1"> <p><img src="image/01.jpg"alt="商职"width="100%"height="300px" /> </p>
            </div>
            <div class="layer2-2">
                    <div class="layer2-2-1"><p class="leftt">学校要闻</p>
					             
					                <table>
					                         <tr> 
											       <td><p class="left">《尚德论坛》第四十七讲举行 </p></td> 
											       <td><p>12月9日</p></td>
											 </tr>
											 <tr>
											       <td><p class="left">第四届“印象图书馆”师生摄影比赛落下帷幕</p></td>
												   <td><p class="right">12月9日</p></td>
											 <tr> 
											       <td><p class="left">学校召开期中教育教学检查教师座谈会 </p></td>
												   <td><p class="right">12月9日</p></td>
											  </tr>
									</table>
					</div>
                    <div class="layer2-2-2"><p class="leftt">通知公告</p>
					                        <table>
					                         <tr> 
											       <td><p class="left">《尚德论坛》第四十七讲举行 </p></td> 
											       <td><p>12月9日</p></td>
											 </tr>
											 <tr>
											       <td><p class="left">第四届“印象图书馆”师生摄影比赛落下帷幕</p></td>
												   <td><p class="right">12月9日</p></td>
											 <tr> 
											       <td><p class="left">学校召开期中教育教学检查教师座谈会 </p></td>
												   <td><p class="right">12月9日</p></td>
											  </tr>
									</table>
					</div>   
                    <div class="layer2-2-3"><p class="leftt">媒体报道</p>
					                         <table>
					                         <tr> 
											       <td><p class="left">《尚德论坛》第四十七讲举行 </p></td> 
											       <td><p>12月9日</p></td>
											 </tr>
											 <tr>
											       <td><p class="left">第四届“印象图书馆”师生摄影比赛落下帷幕</p></td>
												   <td><p class="right">12月9日</p></td>
											 <tr> 
											       <td><p class="left">学校召开期中教育教学检查教师座谈会 </p></td>
												   <td><p class="right">12月9日</p></td>
											  </tr>
									</table>
					</div>
                    <div class="layer2-2-4"></div>
            </div>
           
     </div>
     <div class="layer3"><p class="sky">服务导航</p></div>
</body>
</html>